
<template>
  <el-header>
    <div class="l-content">
      <el-button size="small">
        <el-icon size="20">
          <Menu />
        </el-icon>
      </el-button>
    </div>
    <div class="r-content">
      <el-dropdown>
    <span class="el-dropdown-link">
      个人中心
      <el-icon class="el-icon--right">
        <arrow-down />
      </el-icon>
    </span>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item>登录</el-dropdown-item>
        <el-dropdown-item>退出</el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
    </div>
  </el-header>
</template>

<style>
  header{
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
  }


</style>